{% load bootstrap_toolkit %}
{% load staticfiles %}
{% load i18n %}
<!DOCTYPE HTML> 
<html>
	<head>
		<title>{% block title %}{% endblock %}</title>
		<link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
		<script src="{% static 'js/jquery/jquery-1.10.1.min.js' %}"></script>

		
		{% block extra_head %}
		<style media="print">
			@media print {
				@page {
					size: landscape
				}
			}
			.control {
				display: none;
			}
			
			input {
				
			}
			
		</style>
		{% endblock %}
	</head>
	<body class="container">
		<div class="navbar navbar-inverse navbar-fixed-top control">
			<div class="navbar-inner">
				<div class="container">

					<a class="brand" href="/">{% trans "Planner" %}</a>
					<div class="nav-collapse collapse">
						<ul class="nav">
							<li class="">
								<a href="/main/edit/create/create">{% trans "New"  %}</a>
							</li>
							<li class="">
								<a href="/main/search">{% trans "Find"  %}</a>
							</li>
							<li class="">
								<a href="/main/overview">{% trans "Overview" %}</a>
							</li>

							<li class="">
								<a href="/main/list/choose">{% trans "Display collect list" %}</a>
							</li>
							<li class="">
								<a href="/main/made_at/">{% trans "Made today" %}</a>
							</li>
							<li class="">
								<a href="/main/employee">{% trans "By employee" %}</a>
							</li>
							<li class="">
								<a href="http://sites.google.com/site/jutcall">{% trans "Help" %}</a>
							</li>
							<li class="">
								<a href="/accounts/logout/">{% trans "Log out" %}</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container jumbotron masthead" style="margin-top: 60px;">
			{% block content %}
			{% endblock %}
		</div>
		<footer class="footer">
			<div id="date-search" class="alert alert-info" style="display: none">
				{% trans "Retrieving a list of available dates ..." %}
			</div>
			<div id="postcode-search" class="alert alert-info" style="display: none">
				{% trans "Retrieving postalcode information ..." %}
			</div>
			<div id="customer-search" class="alert alert-info" style="display: none">
				{% trans "Looking for known customers ..." %}
			</div>
			<hr/>
			<div style="margin:auto">
				{% trans "Copyleft 2012-2013 written by Steven Speek and Jan Terheggen for GNUDok" %}
			</div>
		</footer>
	</body>
</html>
